<template>
  <h2>👦子组件</h2>
  <div>{{ car }}</div>
  <div>{{ money }}</div>
  <button @click="handleClick">子组件触发</button>
</template>

<script setup lang="ts">
// defineProps: 接收父组件传递的数据
interface Props {
  money?: number
  car?: string
}
// 定义 Props - 父传子
defineProps<Props>()
// 定义 Emits - 子传父(自定义事件)
const emit = defineEmits(['xiu'])
const handleClick = () => {
  // 触发自定义事件，并传递给父组件一些数据
  emit('xiu', 10000)
}
</script>
